<div class="navbar">
	<div class="navbar-inner bg-green">
		<div class="left sliding">
			<a href="selfmenu.html" class="back link">
				<i class="icon icon-back color-white"></i>
			</a>
		</div>
    	<div class="center sliding color-white">预订处理</div>
  	</div>
</div>

<div class="pages navbar-through">
	<div data-page="orderprocess" class="page bg-white" id="orderprocess">
		<div class="page-content infinite-scroll" data-distance="100">
    		<div class="tab" id="tab_orderprocess">
				<div class="row" style="height: 6vh;text-align: center;border:1px solid black;">
					<div class="col-50 col-50_active" style="line-height: 6vh;height: 100%;" name="completed">
						<a href="#completed" class="color-black tab-link size_15 active bold yahei">已处理</a>
					</div>
					<div class="col-50" style="line-height: 6vh;height: 100%;" name="uncomplete">
						<a href="#uncomplete" class="color-black tab-link size_15 bold yahei">未处理</a>
					</div>
				</div>
			</div>
			<div class="tabs-animated-wrap">
				<div class="tabs">
					<div id="completed" class="tab active">
						<div class="list-block media-list" style="margin:0px;">
							<ul>
							{{#each completed}}
						        <li data-id="{{order_id}}" class="orderitem">
						            <div class="row" style="width: 100vw;">
						                <div class="col-33">
						                    <img src="{{thumb}}" style="width:120px;height: 80px;">
						                </div>
						                <div class="col-66" style="color: #8e8e93;">
						                    <div class="bold yahei color-black size_15" style="padding: 10px 0px 5px 0px;">{{orderName}}</div>   
						                    <div class="size_12">{{startDay}}至{{stopDay}}</div>
						                    <div class="size_12">
						                        <div style="float: left;">{{persons}}人出行</div> 
						                        <div style="float: right;">
						                            {{status}}
						                        </div>                       
						                    </div>
						                </div>  
						            </div>
						        </li>
						        <li><div class="item-divider"></div></li>
						    {{/each}}
							</ul>
						</div>			
		        	</div>
		        	<div id="uncomplete" class="tab">
		          		<div class="list-block media-list" style="margin:0px;">
							<ul>
							{{#each uncomplete}}
						        <li data-id="{{order_id}}" class="orderitem">
						            <div class="row" style="width: 100vw;">
						                <div class="col-33">
						                    <img src="{{thumb}}" style="width:120px;height: 80px;">
						                </div>
						                <div class="col-66" style="color: #8e8e93;">
						                    <div class="bold yahei color-black size_15" style="padding: 10px 0px 5px 0px;">{{orderName}}</div>   
						                    <div class="size_12">{{startDay}}至{{stopDay}}</div>
						                    <div class="size_12">
						                        <div style="float: left;">{{persons}}人出行</div> 
						                        <div style="float: right;">
						                            <a href="#" class="button process" data-id="{{order_id}}">去处理</a>
						                        </div>                       
						                    </div>
						                </div>  
						            </div>
						        </li>
						        <li><div class="item-divider"></div></li>
						    {{/each}}
							</ul>
						</div>			
		        	</div>
		      	</div>
			</div>
			<!-- 加载提示符 -->
			<div class="infinite-scroll-preloader" style="display:none;">
			    <div class="preloader"></div>
			</div>
		</div>
	</div>
</div>